<template>
  <div class="dianpunei">
<div class='tou'>
  <div class='tou1'>
     <van-button class='anniu' type="default"><van-icon class='xiajian' name="arrow-left" /></van-button>
<van-search  class='sousou' v-model="value" placeholder="请输入搜索关键词" />
  <van-button class='anniu' type="default">店内搜</van-button>
  </div>
   <van-notice-bar
  left-icon="volume-o"
  text="在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准啊巴巴爸爸爸爸吧吧吧巴巴爸爸巴巴爸爸大沙地八十多卅大红包水库大坝撒开活动扳手好看的变身卡德邦快递。"
  />
  <div class='kaka'>
    <h2 class='re'>
      热门搜索
    </h2>
    <van-button  class='xuanze' type="default">耳环</van-button>
    <van-button  class='xuanze' type="default">项链</van-button>
     <van-button  class='xuanze' type="default">衣服</van-button>
      <van-button  class='xuanze' type="default">包包</van-button>
       <van-button  class='xuanze' type="default">手机</van-button>
        <van-button  class='xuanze' type="default">耳机</van-button>
         <van-button  class='xuanze' type="default">盒饭</van-button>
          <van-button  class='xuanze' type="default">头饰</van-button>

</div>
</div>
<div class='ka'></div>
  </div>

</template>

<script>
export default {
  data() {
    return {
      value: '',
    }
  },
}
</script>

<style lang="less" scoped>
.tou{
  width: 745px;
  height: 300px;
  border: 1px solid #eae9e5;
  background: #eae9e5;
}
.tou1{
  // background: rgb(247, 160, 160);
  width: 745px;
  height: 100px;
  margin-top: 150px;
  display: flex;
}
.tou2{
  height: 100px;
  width: 100px;
}
.sousou{
  width: 450px;
  border-radius: 40px;
  margin-right: 20px;
  margin-left: 20px;
}
.anniu{
  margin-top: 10px;
   border-radius: 40px;
   color: #c8ab96;
}
.xiajian{
  font-size: 24px;
  color: #c8ab96;

}
.kaka{
  width: 600px;
  height: 500px;
  // background: rgb(228, 193, 193);
  margin-top: 100px;
  border: 1px solid rgb(71, 57, 57);
  border-radius: 50px;
  margin-left: 75px;
}
.re{
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  margin-left: 50px;
}
.xuanze{
  margin-left: 20px;
  margin-right: 10px;
  margin-bottom: 50px;
  border-radius: 15px;
  width: 150px;
  background: #f8e6d3;
  color: #ffffff;
  font-size: 18px;

}
</style>
